/*header部分动画*/
.header-nav a{
	position: relative;
}

.header-nav a:not(.buy):hover::after{
	content: "";
	display: block;
	width: 60px;
	height: 2px;
	background: #fe0100;
	position: absolute;
	bottom: 0;
	left: 20px;
	-webkit-animation: move 0.3s linear;
	-o-animation: move 0.3s linear;
	animation: move 0.3s linear;
}

@keyframes move{
	from{
		transform:translate(-60px,0);
	}
	to{
		transform:translate(0,0);
	}
}

/*screen-1动画*/
.screen-1 h3{
	/*visibility: hidden;*/
	animation:animation-bottom-top 1s linear;
}

.screen1-phone{
	/*visibility: hidden;*/
	animation:animation-top-bottom 1s linear;
}

.screen1-shadow{
	/*visibility: hidden;*/
	animation:animation-bottom-top 1s linear;
}

@keyframes animation-top-bottom{
	from{
		transform:translate(0,-100%);
	}
	to{
		transform:translate(0,0);
	}
}

@keyframes animation-bottom-top{
	from{
		transform:translate(0,100%);
	}
	to{
		transform:translate(0,0);
	}
}